<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<!-- <meta http-equiv="refresh" content="10;welcome.html"> -->
<link rel="stylesheet" type="text/css" href="layui/css/layui.css" />
<link rel="stylesheet" type="text/css" href="css/welcome.css" />
<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="layui/layui.js" type="text/javascript" charset="utf-8"></script>
<title>欢迎来到航班分配系统</title>

</head>
<body>

	<!-- BGM -->
	<audio src="music/gin.mp3" id="vd" autoplay="autoplay" loop="loop"
		preload="auto">
		<p>浏览器不支持</p>
	</audio>


	<banner>
	<div class="banner">
		<div class="nav">
			<a class="xlogobox" href="welcome.html"><img id="xlogo"
				src="img/xlogo2.png" class="xlogo" alt="">&nbsp;&nbsp;<label
				for="xlogo">航班座位分配算法</label></a>
			<ul style="text-align: right;">
				<li><a href="#">关于我们</a></li>
				<li><a href="#">视频介绍</a></li>
			</ul>
		</div>
		<div class="logobox">
			<!-- <img src="img/OrancleMini_qBlue.png" alt=""> -->
		</div>
		<h1 class="title">航班座位分配算法可视化</h1>
		<p class="msg">简单直接, 一目了然</p>
		<div class="btnbox">
			<a href="index.html"  id="goindex" class="btn"><i
				class="layui-icon layui-icon-release"></i>&nbsp;进入控制台</a>
		</div>
	</div>
	</banner>


	<main>
	<div class="layui-container container">
		<div class="ul">
			<div class="ul-item">
				<fieldset class="layui-elem-field">
					<legend>
						<h2>极简丰盈</h2>
					</legend>
					<p>外表光鲜亮丽的不仅是人生，还有...一面极简，一面丰盈。 极简是视觉所见的外在，是开发所念的简易。
						丰盈是倾情雕琢的内在，是信手拈来的承诺。 返璞归真的视觉盛宴, 让算法尽收眼底, 自信并勇敢着, 试图以最简单的方式诠释高效。</p>
				</fieldset>
			</div>
			<div class="ul-item">
				<fieldset class="layui-elem-field">
					<legend>
						<h2>完整体系</h2>
					</legend>
					<p>航班座位自动分配系统拥有一套完整的项目体系, 在这个一个环境内, 座位的自动分配将变得更为快速和便捷, 包含页面部分,
						后台逻辑处理部分, 算法部分, 使项目设计更为合理, 如果眼下还是一团零星之火，那运筹帷幄之后，就是一场烈焰燎原吧.</p>
				</fieldset>
			</div>
			<div class="ul-item">
				<fieldset class="layui-elem-field">
					<legend>
						<h2>细腻算法</h2>
					</legend>
					<p>兵不在多, 而在于精, 将不在勇, 而在于谋, 算法亦是如此, 一些美好的背后是看不见的艰辛, 是算法默默的付出,
						它是深海底的黑暗, 是森林里的猛兽, 是星辰大海, 是浩瀚宇宙, 神秘而令人敬畏, 在暗处提供强大的力量.</p>
				</fieldset>
			</div>
		</div>
	</div>
	</main>

	<footer>
		<p>中国软件杯&nbsp;&nbsp;|&nbsp;&nbsp;Author:子依&nbsp;&nbsp;|&nbsp;&nbsp;&copy;
			OracleMini</p>
		<!-- <hr class="layui-bg-gray"> -->
		<br>
		<p class="p-end">算法, 简单直了!</p>
	</footer>

	<script type="text/javascript">
			$('.btn').mouseover(function() {
				$("#vd")[0].pause(); //暂停播放音乐
				$('main').slideDown(1000, function() {
					$('footer').animate({
						'height': '240px'
					}, 500).css('background', 'white');
					
					$('embed').remove();
					$('body').append('<embed src="music/oneday2.mp3" autostart="true" hidden="true" loop="false">');
				});
				return false;
			})
		</script>
</body>
</html>

<!-- <script>
	var arr = ['#009688','#393D49','#1E9FFF','#2F4056','#01AAED','black'];
	var index = 0;
	var stv = setInterval(function(){
		$('.banner').css({'background':arr[index]});
		$('footer').css({'background':arr[index]});
		if(++index >= arr.length)
			index = 0
	},6000);
</script> -->
